/**  @authors Your Name (you@example.org) @date    2016-08-27 21:17:06 @version $Id$ */
.item { width: 100%; min-width: 1111px; }
.item .title { text-align: center; margin-top: 40px; padding-bottom: 6px; }
.item .title .eng { line-height: 58px; font-size: 58px; display: block; position: relative; padding-bottom: 12px; color: #585757;}
.item .title .cn { display: block; font-size: 18px; padding: 18px 0 10px; position: relative; color: #000;}
.item .title .cn span{padding: 0 25px;display: inline-block; padding-bottom: 10px;background: #fff;position: relative;z-index: 99;}
.item .title .cn:before { content: ''; display: block; width: 100%; height: 0; border-top: 1px solid #585757; position: absolute; top: 50%; left: 0;}
.item .title .cn:after{content: ''; display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 13px solid #8dc21f;position: absolute; bottom: 0; left: 50%;margin-left: -6px;}
.item .list-serv { overflow: hidden; padding-bottom: 24px; }
.item .list-serv ul { width: 1185px; }
.item .list-serv ul li { float: left; width: 320px; height: 300px; margin: 20px 75px 0 0; background: #f7f8f8; cursor: pointer; border-radius: 5px; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; }
.item .list-serv ul li .s-img { margin-top: 30px; width: 100%; height: 100px; -webkit-transition: all .5s; transition: all .5s; }
.item .list-serv ul li .tt { font-size: 24px; height: 60px; line-height: 60px; color: #88bc20; font-weight: bold; text-align: center; -webkit-transition: all .5s; transition: all .5s; }
.item .list-serv ul li .intro { font-size: 16px; color: #514f50; line-height: 24px; text-align: center; -webkit-transition: all .5s; transition: all .5s; }
.item .list-serv ul li:hover { box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); background: #8dc21f; }
.item .list-serv ul li:hover .tt, .item .list-serv ul li:hover .intro { color: #fff; }
.item .list-serv ul li:hover.li1 .s-img { background: url(../img/s-img-1.png) no-repeat center; }
.item .list-serv ul li:hover.li2 .s-img { background: url(../img/s-img-2.png) no-repeat center; }
.item .list-serv ul li:hover.li3 .s-img { background: url(../img/s-img-3.png) no-repeat center; }
.item .list-serv ul li:hover.li4 .s-img { background: url(../img/s-img-4.png) no-repeat center; }
.item .list-serv ul li:hover.li5 .s-img { background: url(../img/s-img-5.png) no-repeat center; }
.item .list-serv ul li:hover.li6 .s-img { background: url(../img/s-img-6.png) no-repeat center; }
.item .list-serv ul li:hover.li7 .s-img { background: url(../img/s-img-7.png) no-repeat center; }
.item .list-serv ul li:hover.li8 .s-img { background: url(../img/s-img-8.png) no-repeat center; }
.item .list-serv ul li:hover.li9 .s-img { background: url(../img/s-img-9.png) no-repeat center; }
.item .list-serv ul .li1 .s-img { background: url(../img/s-img-1-h.png) no-repeat center; }
.item .list-serv ul .li2 .s-img { background: url(../img/s-img-2-h.png) no-repeat center; }
.item .list-serv ul .li3 .s-img { background: url(../img/s-img-3-h.png) no-repeat center; }
.item .list-serv ul .li4 .s-img { background: url(../img/s-img-4-h.png) no-repeat center; }
.item .list-serv ul .li5 .s-img { background: url(../img/s-img-5-h.png) no-repeat center; }
.item .list-serv ul .li6 .s-img { background: url(../img/s-img-6-h.png) no-repeat center; }
.item .list-serv ul .li7 .s-img { background: url(../img/s-img-7-h.png) no-repeat center; }
.item .list-serv ul .li8 .s-img { background: url(../img/s-img-8-h.png) no-repeat center; }
.item .list-serv ul .li9 .s-img { background: url(../img/s-img-9-h.png) no-repeat center; }
.item .more-pro { margin: 60px 0 52px; text-align: center; }
.item .more-pro a { display: inline-block; width: 260px; border-top: 1px solid #585757; font-size: 15px; color: #585757; font-weight: lighter; padding: 10px 0; }

.i2 { min-width: 1860px;  }
.i2 .title { padding-bottom: 18px; }
.i2 .list-pro ul li { float: left; width: 620px; height: 460px; position: relative; overflow: hidden; }
.i2 .list-pro ul li a { display: block; color: #fff; }
.i2 .list-pro ul li .p-mark { position: absolute; width: 100%; height: 100%; background: transparent; left: 0; top: 100%; padding-left: 70px; box-sizing: border-box; -webkit-transition: all .8s; transition: all .8s; }
.i2 .list-pro ul li .p-mark .tt { color: #fff; font-size: 51px; padding-top: 70px; font-weight: bold; }
.i2 .list-pro ul li .p-mark .tags { font-size: 27px; padding-top: 22px; }
.i2 .list-pro ul li .p-mark .intro { width: 420px; line-height: 28px; padding-top: 40px; font-size: 22px; font-weight: lighter; letter-spacing: 1px; }
.i2 .list-pro ul li .p-mark .btn-box { width: 55px; height: 55px; text-align: right; right: 74px; position: absolute; bottom: 50px; }
.i2 .list-pro ul li .p-mark .btn-box .icon-more { width: 55px; height: 55px; background-position: -30px 0; }
.i2 .list-pro ul li:hover .p-mark { top: 0; background: #8fc31f; }

.i3 { min-width: 1860px; border-top: 1px solid #333; margin-top: 40px; }
.i3 .info-box { text-align: center; color: #595757; }
.i3 .info-box .t1 { font-size: 48px; padding-top: 60px; }
.i3 .info-box .t2 { font-size: 58px; padding-top: 22px; font-weight: bold; }
.i3 .info-box .t2 span { color: #88bc20; }
.i3 .info-box .t3 { font-size: 26px; margin-top: 26px; padding-top: 26px; position: relative; }
.i3 .info-box .t3:before { content: ''; display: block; width: 260px; height: 0; font-size: 0; border-top: 1px solid #999; position: absolute; top: 0; left: 50%; margin-left: -130px; }
.i3 .info-box .t4 { padding: 16px 0; font-size: 26px; font-weight: bold; }
.i3 .list-brand { overflow: hidden; }
.i3 .list-brand ul { width: 1905px; text-align:center; }
.i3 .list-brand ul li { width: 425px; height: 277px; overflow: hidden; position: relative; margin: 35px 16px 0; display:inline-block; }
.i3 .list-brand ul li a { display: block; color: #fff; }
.i3 .list-brand ul li a .p-mark { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); left: 0; top: 0; }
.i3 .list-brand ul li a .p-mark .tt { font-size: 40px; padding-top: 75px; text-align: center; }
.i3 .list-brand ul li a .p-mark .intro { font-size: 15px; line-height: 26px; padding-top: 20px; text-align: center; }
.i3 .list-brand ul li a .p-mark:before{content: '';width: 80%;height: 80%; transition: all .8s;border: 3px solid #fff;position: absolute;left: 10%;top: 10%;box-sizing: border-box;transform: scale(0);}
.i3 .list-brand ul li a .p-mark:hover:before{transform: scale(1);}